<script language="javascript" type="text/javascript">
	$.getScript('js/feature.tab.js');
</script>

<div class="header">
	<div class="pageLinks">
		<a href="#/機能" onclick="loadPage('機能');return false;">機能</a> > 
		<strong>出欠表示</strong>
	</div>
	<div class="Group_name">
		グループ： <?php echo $group_name ?>
	</div>
	<div class="Help" style="position:absolute;top:55px;left:652px;">
		<img src="image/Help_Button.gif" onclick="showHelp('attendance');" />
	</div>
</div>

<input type="hidden" id="leaderStatus" value="<?php echo $isLeader ? "true" : "false";?>">

<div class="tab_content" style="min-height: 150px;">

<?php require($SETTINGS['VIEW_PATH'] . "messages" . $SETTINGS['VIEW_NAME']) ?>

<div id="attendance_loading"></div>

<input type="button" name="start_attendance_check" id="start_attendance_check" value="出欠確認開始" 
			onclick="attendanceCheck()" 
			<?php if (!$attendance_start_enabled) { ?> 
				disabled="disabled"
				title="本日は既に出欠確認をしました。"
			<?php } ?> 
			/>

	<?php
		if ($attendance) {
	?>
		<table id="attendanceTable" width="100%" border="1" style="margin:10px 0px 10px 0px;" >
			<tr style="font-size: 18px;font-weight: bold;text-align: center;height: 40px;background-color:#3d80ff;color:#fff;">
				<th width="12%">アイコン</th>
				<th width="25%">名前</th>
				<th width="23%">Twitter名</th>
				<th width="12%">出欠</th>
				<th width="18%">状態変更</th>
			</tr>
		<?php foreach ($attendance as $member) { ?>
			<tr>
				<input type="hidden" class="attendanceUserId" value="<?php echo $member->id ?>" />
				<td name="iconField" style="text-align:center;padding:5px 3px 3px 3px;"><img width="46" src="<?php echo $member->icon ?>"></td>
				<td name="nameField" style="padding:5px;"><?php echo $member->name ?></td>
				<td name="twitterNameField" style="padding:5px;" class="attendanceTwitterName"><?php echo $member->twitter_name ?></td>
				<td name="statusField" style="padding:5px;text-align:center;" class="attendanceStatus"><?php echo $member->status ?></td>
				<td name="buttonField" style="text-align: center;">
					<img width="25%" name="circle"
						<?php if (!$isLeader) { ?>
							src="image/circle_icon_gray.png"
							title="出欠状態を変更できるのはリーダーだけです。"
						<?php } else if ($attendance_start_enabled) { ?>
							src="image/circle_icon_gray.png"
							title="出欠状態を変更できる前に、出欠確認を行う必要があります。"
						<?php } else { ?>
							class="pointer"
							onclick="updateMemberAttendanceStatus(this, 1)"
							src="image/circle_icon.png"
							title="このメンバーを出席にする"
						<?php } 
						if ($member->buttonToShow != "circle") { ?>
							style="display:none;"
						<?php } ?>
					>
					<img width="25%" name="cross"
						<?php if (!$isLeader) { ?>
							src="image/cross_icon_gray.png"
							title="出欠状態を変更できるのはリーダーだけです。"
						<?php } else if ($attendance_start_enabled) { ?>
							src="image/cross_icon_gray.png"
							title="出欠状態を変更できる前に、出欠確認を行う必要があります。"
						<?php } else { ?>
							class="pointer"
							onclick="updateMemberAttendanceStatus(this, 0)"
							src="image/cross_icon.png"
							title="このメンバーを欠席にする"
						<?php } 
						if ($member->buttonToShow != "cross") { ?>
							style="display:none;"
						<?php } ?>
					>
					<img name="loading" src="image/loading_icon.gif" style="display: none">
				</td>
			</tr>


		<?php
		}
		?>
	
		</table>
	<?php } ?>
	<input type="button" name="updateAttendance" value="更新" onclick="attendanceUpdate()" style="margin:5px 0 0 91.5%;"/>


</div>